<template>
    <div>
        <h3>{{msg}}</h3>
        <h4>学生姓名:{{name}}</h4>
        <h4>学生性别:{{sex}}</h4>
        <h4>学生年龄:{{myAge+1}}</h4>
        <button @click="changeAge">尝试修改收到的学生年龄</button>
    </div>
</template>

<script>
    export default {
        name : 'Student',
        data(){
            return {
                msg:'学生信息',
                myAge:this.age
            }
        },
       //props:['name','age','sex'] // 简单接收
       // 接收时对类型进行限制
       /* props:{
           name:String,
           age:Number,
           sex:String,
       }, */
       props:{
           name:{
               type:String,
               required:true,
           },
           age:{
               type:Number,
               default:99, // 默认值
           },
           sex:{
               type:String,
               required:true
           }
        
       },
       methods: {
           changeAge(){
               //this.age = 22
               // 借助 myAge 修改传进来的属性
               this.myAge ++
           }
       },

    
    };


</script>
